<!DOCTYPE html>
<html lang="en" manifest="../cache.manifest">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>Factorization</title>
    <meta name="description" content="Factorizing integers and polynomials use pure javascript">
    <meta name="keywords" content="factorization, integer, polynomial, javascript">
    <meta name="author" content="Xuan Yan">
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
</head>
<body>
    <div class="container">
        <nav>
            <ul class="clear-fix">
                <li for="#integer" class="active">Integer</li>
                <li for="#polynomial">Polynomial</li>
            </ul>
        </nav>
        <main class="clear-fix integer">
            <section id="integer">
                <h2>Integer Factorization</h2>
                <input type="tel" placeholder="integer">
                <div class="wrapper">
                    <div class="center">
                        <button type="button" data-action="calculate">Factor!</button>
                    </div>
                    <div class="right">
                        <div class="toggle-button on"></div>
                    </div>
                </div>
                <output></output>
            </section>
            <section id="polynomial">
                <h2>Polynomial Factorization</h2>
                <input type="text" placeholder="polynomial">
                <div class="wrapper">
                    <div class="left">Over Z<sub contenteditable></sub>[<span contenteditable>x</span>]</div>
                    <div class="center">
                        <button type="button" data-action="calculate">Factor!</button>
                    </div>
                    <div class="right">
                        <div class="toggle-button on"></div>
                    </div>
                </div>
                <output></output>
            </section>
        </main>
    </div>
</body>
</html>
